.loading{
    width: 40vw;
    height: 2vw;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%);

}
.loading span{
    display: inline-block;
    width: 6vw;
    height: 6vw;
    margin-right: 1vw;
    border-radius: 50%;
    background: #4f834f;
    -webkit-animation: load 1.04s ease infinite;
}
.loading span:last-child{
    margin-right: 0px;
}
@-webkit-keyframes load{
    0%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}
.loading span:nth-child(1){
    -webkit-animation-delay:0.13s;
}
.loading span:nth-child(2){
    -webkit-animation-delay:0.26s;
}
.loading span:nth-child(3){
    -webkit-animation-delay:0.39s;
}
.loading span:nth-child(4){
    -webkit-animation-delay:0.52s;
}
.loading span:nth-child(5){
    -webkit-animation-delay:0.65s;
}